<template>
  <div class="div-content-wrapper">
    <div class="div-download-button-wrapper d-flex justify-content-center align-items-center">
        <button class="btn-download btn btn-primary" @click="downloadTool">
          <i class="i-download-icon fa-solid fa-file-lines"></i>
          下载标注工具
        </button>
    </div>
  </div>
</template>

<script>
import {HWMI_URLS} from "../modules/Api";

export default {
    methods:{
        downloadTool(){
            window.open(HWMI_URLS.bzgjDownloadUrl);
        }
    }
}
</script>

<style lang="scss" scoped>
@import "../CommonStyles";
@import "../App";

.div-content-wrapper {
  @include full-parent-size;
  background-color: rgb(245, 245, 245);
}

.div-download-button-wrapper{
    @include full-parent-size;
}

.btn-download{
    width: 30%;
    height: 150px;
    font-size: 20px;
    border-radius: 10px;
    margin: 20px 20px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);
    transition: all 0.15s, transform 350ms;

    &:hover{
      transform: translateY(-5px);
    }
}

.i-download-icon{
    display: block;
    font-size: 30px;
    margin-bottom: 20px;
}
</style>